<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>观光景点 - 日本旅行实用英语指南</title>
    <meta name="description" content="为您的日本之旅准备的观光景点场景实用英语指南，配有中文翻译和音频发音，覆盖景点参观、拍照等常用英语表达。">
    
    <!-- 字体和图标 -->
    <link rel="stylesheet" href="https://fonts.font.im/css?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Tailwind CSS (核心框架) -->
    <link rel="stylesheet" href="https://g.alicdn.com/code/lib/tailwindcss/2.2.19/tailwind.min.css">
    
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="css/styles.css">

    <meta property="og:type" content="article">
    <meta property="og:title" content="观光景点 - 日本旅行实用英语指南 · 心流AI助手 | 让知识随心流动">
    <meta property="og:site_name" content="心流AI助手"/>
    <meta property="og:description" content="这个网站是一个日本旅行实用英语指南，为赴日游客提供实用英语表达和发音。内容涵盖机场入境、交通出行、住宿、餐饮、购物、观光和紧急情况等场景的常用英语短语，并配有中文翻译和音频发音功能，帮助游客在日本旅行中顺畅交流。">
    <meta property="og:image" content="https://img.alicdn.com/imgextra/i4/O1CN01VFxaDc1s3EZKig0PM_!!6000000005710-0-tps-300-300.jpg">
    <link rel="shortcut icon" type="image/png" href="https://img.alicdn.com/imgextra/i4/O1CN01yBfg3x1iNi4YggwIt_!!6000000004401-2-tps-72-72.png">
    <link rel="icon" type="image/png" href="https://img.alicdn.com/imgextra/i4/O1CN01yBfg3x1iNi4YggwIt_!!6000000004401-2-tps-72-72.png"/>
</head>
<body>
    <!-- 页面标题区 -->
    <header>
        <div class="container header-content">
            <h1 class="page-title">日本旅行实用英语指南</h1>
            <p class="page-subtitle">为您的日本之旅提供最实用的英语表达，点击按钮即可收听标准发音</p>
        </div>
    </header>

    <div class="container">
        <!-- 搜索区域 -->
        <div class="search-container">
            <input type="text" id="search-input" class="search-input" placeholder="搜索英语表达或关键词...">
            <button id="search-button" class="search-button"><i class="fas fa-search"></i> 搜索</button>
        </div>
        
        <!-- 导航标签 -->
        <div class="navigation">
            <ul class="nav-tabs">
                <li><a href="index.html" class="home-link"><i class="fas fa-home"></i> 首页</a></li>
                <li><a href="airport.html"><i class="fas fa-plane-arrival"></i> 机场与入境</a></li>
                <li><a href="transportation.html"><i class="fas fa-train"></i> 交通出行</a></li>
                <li><a href="accommodation.html"><i class="fas fa-hotel"></i> 住宿服务</a></li>
                <li><a href="dining.html"><i class="fas fa-utensils"></i> 餐饮美食</a></li>
                <li><a href="shopping.html"><i class="fas fa-shopping-bag"></i> 购物支付</a></li>
                <li><a href="sightseeing.html" class="active"><i class="fas fa-torii-gate"></i> 观光景点</a></li>
                <li><a href="emergency.html"><i class="fas fa-first-aid"></i> 紧急情况</a></li>
            </ul>
        </div>
        
        <!-- 观光景点场景 -->
        <div id="sightseeing" class="content-section">
            <h2 class="section-title">
                <div class="section-icon"><i class="fas fa-torii-gate"></i></div>
                观光景点场景
            </h2>
            
            <div class="subsection">
                <h3 class="subsection-title"><i class="fas fa-camera"></i> 景点参观</h3>
                <ul class="phrase-list">
                    <li class="phrase-item high-frequency">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="what-time-does-it-open" data-phrase-text="What time does it open?" onclick="playAudio('what-time-does-it-open')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            What time does it open?
                        </div>
                        <div class="phrase-chinese">几点开门？</div>
                    </li>
                    <li class="phrase-item high-frequency">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="how-much-is-the-entrance-fee" data-phrase-text="How much is the entrance fee?" onclick="playAudio('how-much-is-the-entrance-fee')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            How much is the entrance fee?
                        </div>
                        <div class="phrase-chinese">入场费是多少？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="is-photography-allowed" data-phrase-text="Is photography allowed?" onclick="playAudio('is-photography-allowed')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Is photography allowed?
                        </div>
                        <div class="phrase-chinese">允许拍照吗？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="could-you-take-a-photo-for-me" data-phrase-text="Could you take a photo for me?" onclick="playAudio('could-you-take-a-photo-for-me')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Could you take a photo for me?
                        </div>
                        <div class="phrase-chinese">您能帮我拍张照片吗？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="where-is-the-restroom" data-phrase-text="Where is the restroom?" onclick="playAudio('where-is-the-restroom')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Where is the restroom?
                        </div>
                        <div class="phrase-chinese">洗手间在哪里？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="is-there-a-guided-tour" data-phrase-text="Is there a guided tour?" onclick="playAudio('is-there-a-guided-tour')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Is there a guided tour?
                        </div>
                        <div class="phrase-chinese">有导游讲解吗？</div>
                    </li>
                </ul>
            </div>

            <div class="subsection">
                <h3 class="subsection-title"><i class="fas fa-map-marked-alt"></i> 问路与方向</h3>
                <ul class="phrase-list">
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="how-do-i-get-to-this-place" data-phrase-text="How do I get to this place?" onclick="playAudio('how-do-i-get-to-this-place')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            How do I get to this place?
                        </div>
                        <div class="phrase-chinese">我怎么去这个地方？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="is-it-far-from-here" data-phrase-text="Is it far from here?" onclick="playAudio('is-it-far-from-here')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Is it far from here?
                        </div>
                        <div class="phrase-chinese">离这里远吗？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="can-i-walk-there" data-phrase-text="Can I walk there?" onclick="playAudio('can-i-walk-there')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Can I walk there?
                        </div>
                        <div class="phrase-chinese">我可以走路去那里吗？</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 页脚区域 -->
    <footer class="site-footer">
        <div class="container">
            <div class="footer-content">
                <p>© 2025 日本旅行实用英语指南 | 内容更新时间: <span id="generation-time">2025年04月28日</span></p>
                <p>本指南仅供学习交流使用，支持离线访问</p>
            
                <div class="flex flex-col items-center m-7">
                    <a
                        href="https://iflow.cn/?appCode=MANUS_CHATBOT"
                        target="_blank" 
                        class="text-center text-gray-400 underline">
                        由心流高级研究模式生成｜点击立即体验
                    </a>
                </div>
            </div>
        </div>
    </footer>
    
    <!-- JavaScript文件 -->
    <script src="js/audio-manager.js"></script>
    <script src="js/main.js"></script>
</body>
</html>